/**
* @author wuliang 2019/11/28
* @pramas 整体ui布局，不要轻易去改。
*/

$org:#fbbd43;
$fc :#fff;

.breadBox {
    height            : 45px;
    font-size         : 14px;
    font-weight       : bold;
    background        : #fff;
    -moz-box-shadow   : inset 0 0 4px #e4e7ed;
    -webkit-box-shadow: inset 0 0 4px #e4e7ed;
    box-shadow        : inset 0 0 4px #e4e7ed;
    /deep/.el-breadcrumb{
        line-height: 43px;
        margin-left: 14px;
        font-size  : 12px;
    }
}
.margin10{
    margin: 10px;
}
.bg-white{
    background   : #fff;
    border-radius: 4px;
}
.center-box{
    margin:14px 14px 0px 14px;
    .right-oper{
        height       : 46px;
        line-height  : 46px;
        background   : #fff;
        margin-top   : 4px;
        padding-right: 24px;
        .el-button{
            font-size: 13px !important;
        }
        .query-wrap{
            padding-left: 10px;
            border-left : 3px solid #FAAD14;
            font-size   : 14px;
        }
    }
}
.clearfix:after{
    display   : block;
    clear     : both;
    content   : "";
    visibility: hidden;
    height    : 0;
}
/*******表格分页***/
.pages {
    margin-top: 10px;
    text-align: right;
}

/*******按钮居中***/
.fbtn {
    text-align: center;
    margin    : 20px 0px;
    /deep/ .el-button+.el-button {
        margin-left: 100px
    }
}

/**
* ***************************@param from表单样式************
*/
.operation-area{
    display      : flex;
    border-radius: 4px 4px 0 0;
    height       : 100px;
    line-height  : 100px;
    background   : #fff;
    .top-left-btn{
        margin-left: 30px;
        flex: 1,
    }
    .top-right-area{
        margin-right: 30px;
        width       : 100%;
        text-align  : right;
        .right-btn{
            margin-left: 10px;
        }
    }
    /deep/.el-button{
        height   : 36px;
        padding  : 8px 20px;
        font-size: 13px !important;

    }
};
.q_term{
    border-top   : 1px solid #E6EAEE;
    border-right : 1px solid #E6EAEE;
    border-left  : 1px solid #E6EAEE;
    background   : #fff !important;
    padding      : 24px;
    .el-button{
        height   : 36px;
        padding  : 10px 20px;
        font-size: 13px !important;
    }
};
.text-right{
    text-align: right;
}

/**
*****************************@param 表格样式**************
*/
.table-area{
    .el-table .el-table__footer-wrapper thead div,
    .el-table .el-table__header-wrapper thead div {
        background: #F5F8FA;
        color     : #7F8FA4;
        font-style: normal;
    }
    .el-table .el-table__header-wrapper th,.el-table .el-table__fixed-header-wrapper th {
        white-space: nowrap;
        overflow   : hidden;
        background : #F5F8FA;
        color      : #000;
    }
    .el-table .el-table__fixed-header-wrapper thead div {
        background: #F5F8FA;
        color     : #000;
    }
    .el-table th>.cell {
        word-wrap    : normal;
        text-overflow: ellipsis;
        line-height  : 36px;
        height       : 36px;
        width        : 100%;
        box-sizing   : border-box;
    }
    .el-table table td,.el-table table th {
        height     : 36px;
        line-height: 36px;
    }
    .el-table th,.el-table td{
        font-size  : 14px;
        font-weight: normal;
        padding    : 0 0;
    }
    .el-table tbody .current-row,.el-table tbody .hover-row {
        background: #EEF1F6;
    }
    .el-button--text{
        color: #fbbd43;
    }
    /deep/ .el-table .el-table__header-wrapper th{
        background  : #EFF2F7;
        border-right: none;
    } 
    /deep/ .el-table table td{
        border-right: none;
    } 
    
    /deep/ .el-table table tr:nth-child(even){
        background: #FAFAFA;
    }
    
    /deep/ .el-pagination span:not([class*=suffix]), .el-pagination button{
        height     : 35px;
        line-height: 35px;
    } 
    /deep/.el-input--suffix .el-input__inner{
        height: 36px;
    
    }
   /*  // .el-table {
    //     .el-table__fixed {
    //         height:auto !important; 
    //         bottom:10px; 
    //     }
    //     .el-table__fixed-right{
    //         height:auto !important; 
    //         bottom:10px; 
    //     }
    // }
    // /deep/.el-table__fixed::before, .el-table__fixed-right::before { // 固定后滚动下边框
    //     content         : '';
    //     position        : absolute;
    //     left            : 0;
    //     bottom          : 0;
    //     width           : 100%;
    //     height          : 1px;
    //     background-color: #fff !important;
    //     z-index         : 4;
    // } */
}
/**
*****************************@param 分页样式 start*******************
*/
.table-area{
    .el-pagination__sizes .el-input .el-input__inner {
        border: none !important;
        height: 36px;
    }
    .el-pagination div,.el-pagination span,.el-pagination select,.el-pagination input {
        background : none;
        float      : left;
        height     : 36px;
        line-height: 36px;
    }
    .el-pagination .btn-next, .el-pagination .btn-prev  {
       border    : none;
       background: none;
       height    : 36px;
    }
    .el-pagination .el-pager,.el-pagination .el-pager li {
        background: none;
        border    : none;
        height     : 34px !important;
        line-height: 34px !important;
    }
    .el-pager li:last-child {
        border     : none;
        height     : 34px;
        line-height: 34px;
    }
    .el-pager li {
        height     : 34px;
        line-height: 34px;
    }
    .el-pager li.active {
        border-color    : rgb(255, 255, 255);
        background-color: rgb(255, 255, 255);
        border          : 1px solid #E6EAEE;
        border-radius   : 4px;
    }
};

/**
*****************************@param elementUi 原有样式更改 start*******************
*/
.el-input__inner{
    height     : 36px;
    line-height: 36px;
};
.el-input__icon{
    line-height: 36px;
}
.el-form-item{
    margin-bottom: 14px;
};
.el-form-item__error{
    padding-top: 0px;
}
.show-icon{
    height    : 34px !important;
    margin-top: 2px;
}
.el-form-item .el-select,.el-form-item .el-input.el-date-editor {
    width: 100%;
}
.el-button--warning{
    background-color: #FAAD14;
    border-color    : #FAAD14;
}
/***弹窗样式 */
.el-dialog__body{
    padding: 0px 20px  !important;
}
.el-dialog__footer{
    padding: 0px 20px 10px;
}
.BtnYellow {
    height          : 36px;
    background-color: #faad14;
    color           : #fff;
    border          : 0 none;
}
  .BtnYellow:hover {
    background-color: #ffc248;
    color: #fff;
}
.fr{
    float: right;
}
.fl{
    float: left;
}
.mr10{
    margin-right: 10px;
}
.ft13{
    font-size: 13px !important;
}
.fc{
    background: #fff;
}



 
 



 
 
 

 


